html.fp-enabled,.fp-enabled body { margin: 0; padding: 0; overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.fp-section {position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table{display: table;table-layout:fixed;width: 100%;}
.fp-tableCell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer{float: left;position: relative;}
.fp-controlArrow{position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev{left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next{right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable{overflow: scroll;}
.fp-notransition{-webkit-transition: none !important;transition: none !important;}
#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right{right: 17px;}
#fp-nav.left{left:0px;}
.fp-slidesNav{position: absolute;z-index: 4;right:0%;opacity: 1; top:50%;}
.fp-slidesNav.bottom{bottom: 17px;}
.fp-slidesNav.top{top: 17px;}
#fp-nav ul,
.fp-slidesNav ul{margin: 0;padding: 0;}
#fp-nav ul li{display: block;width: 22px;height: 13px;margin:10px 0px;position:relative;}
.fp-slidesNav ul li{display: block;width: 80px;height: 20px;margin: 10px 0px;position:relative;}

#fp-nav ul li a,
.fp-slidesNav ul li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span{height: 3px;width: 22px; background:#fff;}
.fp-slidesNav ul li a.active span{font-size:16px; color:#fff; left:0px; width:80px; font-weight:bold; }
.fp-slidesNav ul li:hover a.active span{font-size:16px; color:#fff; left:0px; width:80px; font-weight:bold;  }
#fp-nav ul li a span{position: absolute;z-index: 1;height: 3px;width: 3px;background: #333;right:0%;top: 50%;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.fp-slidesNav ul li a span{ position: absolute;z-index: 1;height:20px;width: 50px;border: 0;right: 0%;top: 50%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; color:#fff;}
#fp-nav ul li:hover a span{height: 3px;width: 22px; background:#fff;}
.fp-slidesNav ul li:hover a span{width: 80px; font-size:14px; color:#fff;}
#fp-nav ul li .fp-tooltip{position: absolute;top: -2px;color: #fff;font-size: 12px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right{right: 20px;}
#fp-nav ul li .fp-tooltip.left{left: 32px;}


.fp-slidesNav ul li a:before{content:"";height: 1px;width: 28px; background:#fff; position:absolute; right:0px; top:18px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.fp-slidesNav ul li a.active:before{ width:50px;}
.fp-slidesNav ul li a:hover:before{ width:50px;}

@keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@keyframes myanimate
{
0% { transform:translateY(0);}
100%{transform:translateY(15px);}
}
@-webkit-keyframes myanimate
{
0% { transform:translateY(0);}
100%{transform:translateY(15px);}
}